<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2021/8/20
  Time: 14:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <style type="text/css">
        html{
            width: 100%;
            height: 100%;
            overflow: hidden;

        }
        body{
            width: 100%;
            height: 100%;
            font-family: 'Open Sans',sans-serif;
            margin: 0;
            background-color: #EEEEEE;
        }
        #login{
            position: absolute;
            top: 50%;
            left:50%;
            margin: -150px 0 0 -150px;
            width: 350px;
            height: 300px;
            border-radius: 8px;
            border:#909090 1px solid;
            background:#fff;
            color:#333;
            filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
            -moz-box-shadow: 2px 2px 10px #909090;
            -webkit-box-shadow: 2px 2px 10px #909090;
            box-shadow:2px 2px 10px #909090;

        }
        #login h1{
            color:rgb(134, 180, 239);
            /* text-shadow:0 0 25px;    */
            letter-spacing: 1px;
            text-align: center;
        }
        h1{
            font-size: 2em;
            margin: 0.67em 0;
        }
        input[required]{
            width: 278px;
            height: 18px;
            margin-bottom: 10px;
            outline: none;
            padding: 10px;
            font-size: 13px;
            color: #fff;
            border-top: 1px solid #312E3D;
            border-left: 1px solid #312E3D;
            border-right: 1px solid #312E3D;
            border-bottom: 1px solid #56536A;
            border-radius: 7px;
            background-color: #2D2D3F;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .but{
            width: 300px;
            min-height: 20px;
            display: block;
            background-image: linear-gradient(to right,rgb(99, 101, 222),rgb(108, 226, 254));
            border: 1px solid #3762bc;
            color: #fff;
            padding: 9px 14px;
            font-size: 15px;
            line-height: normal;
            border-radius: 5px;
            margin-top: 15px;
            margin-left: auto;
            margin-right: auto;
        }
        input[value]{
            margin-left: 15px;

        }


    </style>
</head>
<body>
<div id="login">
    <h1>人事管理系统</h1>
    <form action="${pageContext.request.contextPath}/total/login.action" method="post">
        <input value="0101" type="text" required="required" placeholder="用户名" name="username" id="username"></input>
        <input value="947123" type="password" required="required" placeholder="密码" name="password" id="password"></input>
        <input name="identity" type="radio" value="staff" id="staff"  />
        <label for="staff">员工</label>
        <input name="identity" type="radio" value="client" id="client" />
        <label for="client">客户</label>
        <input name="identity" type="radio" value="manager" id="manager"checked />
        <label for="manager">部门经理</label>
        <input name="identity" type="radio" value="admin" id="admin"  />
        <label for="admin">管理员</label>
        <button class="but" type="submit">登录</button>
    </form>
     <small style="margin-left: 25px;color: red">${errmsg}</small>
</div>
</body>
</html>